<script>
import router from "@/router/index";
export default {
    data() {
        return {
            active: 0,
        }
    },
    computed: {
        footer() {
            const list = router.options.routes[1].children;
            return list.filter((item) => {
                return !item.meta.hiddren
            })
        }
    },
    methods: {
    },
    beforeMount() {
    },
}
</script>

<template>
    <div>
        <van-tabbar route v-model="active" active-color="red">
            <van-tabbar-item v-for="item in footer" replace :to=item.path :icon=item.meta.icon>{{ item.meta.title
            }}</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<style scoped lang="less"></style>
